<template>
  <van-overlay :show="isShow" :lock-scroll="false" :z-index="1001">
    <div class="wrapper flex_center">
      <div class="pr">
        <!-- <img class="close" @click="onClose" src='../assets/mask_close.png' /> -->
        <img class="posterImg" :src="posterImg" alt="">
        <p class="tips mt-10">长按保存图片</p>
      </div>
    </div>
  </van-overlay>
</template>
<script setup>
import { computed } from 'vue'
let props = defineProps({
  posterImg: {
    type: String,
    default: ''
  }
})
let emits = defineEmits(['update:posterImg'])
let isShow = computed(() => {
  return Boolean(props.posterImg)
})
let onClose = () => {
  emits('update:posterImg', false)
}

</script>
<style lang="scss" scoped>
.wrapper {
  width: 100%;
  height: 100%;
}
.tips {
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.close {
  width: 32px;
  height: 32px;
  position: absolute;
  top: -42px;
  right: -42px;

}
.posterImg {
  width: 260px;
  display: block;
  margin: 0 auto;
  object-fit: cover;
}
</style>